<div class="order-header">
    <div class="order-header-icon">|&nbsp;</div>
    <ul class="order-header-ul">
        <li class="order-header-title">我的订单</li>
        <li><a href="#">全部订单</a></li>
        <li><a href="#">已处理</a></li>
        <li><a href="#">已完成</a></li>
    </ul>
</div>
<div class="order-title">
    <div class="order-title-1">商品信息</div>
    <div class="order-title-2">订单金额</div>
    <div class="order-title-3">收货人</div>
    <div class="order-title-4">订单状态</div>
    <div class="order-title-5">操作</div>
</div>
<div class="order-content">
    <ul class="order-content-ul">
        <li>
            <div class="order-datetime">
                <span>订单号:</span>
                <span>1911121536295202</span>
                <span>2019-11-12</span>
                <span>15:36:29</span>
            </div>
            <div class="order-edit">
                <img src="../../../assets/images/orderImg.jpg" alt="">
                <span class="order-edit-price">218 </span>
                <span class="order-edit-change">.00</span>
                <span class="order-edit-user">陆仁贾</span>
                <span class="order-edit-state">已下单</span>
                <a [routerLink]="['/orderDetail']" >订单详情</a>
            </div>
        </li>
    </ul>
</div>

